@charset "utf-8";
/**
 * 
 * @auth stuart.shi
 * @link http://www.shizuwu.cn
 * @time 2015
 */
body,html,div,img,ul,li,span,a{margin:0px;padding:0px;}
body{}
ul,li{list-style:none;}
img{display:block;}
canvas{position:absolute;width:100%;top:0px;left:0px;}
.wrapper{margin:0 auto;width:100%;min-height:100%;height:auto;text-align:center;position:relative; overflow: hidden;}
.wrapper img{width:100%;height:auto;}
img.blank{width: 100%;height: 100%;}
.maskboxer{background:rgba(0,0,0,.8);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:19999}
#cardShadow{display: block;}
#shadow img, #cardShadow img{left:50%;margin-left:-30px;position:absolute;top:50%; margin-top: -30px;}
#shareguide img{height:100%;left:0;position:absolute;width:100%}
.shareimg{position: absolute;z-index:-1; top:100%; left:100%;}
.mask{position: fixed;width: 120px; height: 120px; z-index: 0;top:0px; left:0px;}
.hide{display: none;}
.clearfix{clear: both; height: 0px; line-height: 0px;width: 0px;}
.orientation-tips{height:100%;line-height:100%; font-size: 1.4em; color:#fff; text-align: center;}
.orientation-tips span{display: block; position: absolute; top:50%; left:50%; margin-top: -0.6em; margin-left: -5em;}
.btbt{position: fixed; z-index: 20; top:0px;width: 100%; background: rgba(0,0,0, 0.6); text-align: center; color:#fff; font-size: 1.4em; padding:8px;}

/*上传*/
#preview{position: absolute;top:0px; left:0px;}
.uploadbox{background:#f5f5f5 url(http://qianduan.u.qiniudn.com/img/up.png); background-repeat: no-repeat; background-position: center center; background-size:70%;position:relative; width: 100%; height: 100%;}
#image_uploader{width: 100%;height: 100%; opacity:0; position: absolute;left:0;top:0px;}
.upresult{display: none;}

/*结果*/
.imgtitle{font-size: 1.4em; text-align: center; padding:8px; position: fixed; top:0px;background-color: rgba(0,0,0,0.6); color:#fff; width: 100%;}
.sharetipbox{background:#f33434; color:#fff; font-size: 0.8em; line-height: 30px; height: 30px; border-radius: 8px; display: inline-block; padding:0px 1em; position: absolute; right:10px; box-shadow: 2px 2px 1px #999; display: none; top:12px;}
.sharetipbox:before{position:absolute;content:"\00a0";width:0px;height:0px;border-width:12px 15px 0px 15px;border-style:solid;border-color:transparent  #f33434 transparent transparent;top:-12px;right:15px;}

/*swiper*/
.swiper-container{margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1;}
.swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;}
.swiper-free-mode > .swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto;}
.swiper-slide{float:left;}